﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>WebSocket</title>
</head>
<body>
<h1>Echo Test</h1>
<input type="text" id="sendTxt">
<button id="sendBtn">发送</button>
<div id="recv"></div>
<script type="text/javascript">
    var websocket = new WebSocket("ws://127.0.0.1:9501/");
    websocket.onopen = function(){
        console.log("websocket open");
        document.getElementById("recv").innerHTML = "Connected";
    }
    websocket.inclose = function(){
        console.log('websocket close');
    }
    websocket.onmessage = function(e){
        console.log(e.data);
        document.getElementById("recv").innerHTML = e.data;
    }
    document.getElementById("sendBtn").onclick = function(){
        var txt = document.getElementById("sendTxt").value;
        websocket.send(txt);
    }
</script>
</body>
</html>